<!--
 * @Descripttion: 
 * @version: 
 * @Author: xcb
 * @Date: 2022-02-10 09:55:53
 * @LastEditors: xcb
 * @LastEditTime: 2022-02-22 16:19:39
-->
<template>
  <div class="wrapper">
    <van-nav-bar
      title="监控"
      left-text="返回"
     
      left-arrow
      @click-left="onClickLeft"
    />
      <vue3VideoPlay 
        width="100%"
        title="冰河世纪"
        crossOrigin="Anonymous"
        :src="options.src"
        :type="options.type"
        :autoPlay="true"
       />
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        options: {
        src: "/video/test.m3u8", //视频源
        type: "m3u8",
      },
    };
  },
  watch: {},
  computed: {
    
  },
  methods: {
    onClickLeft(){
      this.$router.push({name:'Index'})
    }
  },
  created() {
    this.options.src=this.$route.query.url
    console.log(this.$route.query.url);
  },
  mounted() {}
};
</script>
<style scoped>
/* .wrapper{} */
</style>